.main {
  width: 100%;
  height: 100%;
  padding: 24px;
  overflow: auto;
}
.main .modalItem {
  padding: 10px 20px;
  background-color: '@plate-bg';
  border: 1px solid #136bb6;
  height: 100%;
}
.main .modalItem:not(:last-child) {
  margin-right: 15px;
}
.main .sinTitle {
  align-items: center;
  padding: 10px 0;
}
.main .sinTitle .signLine {
  display: inline-block;
  width: 3px;
  height: 12px;
  background-color: #43b3bb;
  margin-right: 6px;
  vertical-align: -1px;
}
.main .energyTR {
  flex: 2 1;
  flex-direction: column;
}
.main .energyTR .content {
  height: 30vh;
  min-height: 290px;
  flex-direction: column;
}
.main .energyTR .energyBox {
  height: 48%;
  margin-bottom: 4%;
  border: 1px solid #346fa5;
  flex-direction: column;
  align-items: center;
  color: #62788c;
  flex: 1;
}
.main .energyTR .energyBox .row1 {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.1em;
}
.main .energyTR .energyBox .row2 {
  height: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .energyTR .energyBox .xia {
  background-color: #3687d2;
  color: hsla(0, 0%, 100%, 0.5);
  height: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.1em;
  width: 100%;
}
.main .energyTR .energyBox .yestodayBgColor {
  background-color: #31604b;
  color: hsla(0, 0%, 100%, 0.5);
}
.main .energyTR .yestodayBox {
  border: 1px solid #31604b;
  color: #457a63;
}
.main .qushiShanxuan {
  width: 200px;
  justify-content: space-around;
  display: flex;
}
.main .qushiShanxuan .shanxuanBtn:hover,
.main .qushiShanxuan .shanxuanBtn:active,
.main .qushiShanxuan .shanxuanBtn:visited,
.main .qushiShanxuan .btnSelected {
  position: relative;
  color: #fff;
  background-color: #346fa5;
}
.main .select1 {
  width: 230px;
  margin-top: 2px;
  margin-right: 7px;
}
.main .selectXian {
  display: inline-block;
  width: 2px;
  height: 22px;
  background-color: hsla(0, 0%, 100%, 0.3);
  vertical-align: middle;
  margin-right: 5px;
}
.main .huanbiitem {
  flex: 1 1;
  margin-right: 7px;
  flex-direction: column;
  text-align: center;
  align-items: center;
  border: 1px solid #124e6a;
  padding-top: 23px;
}
.main .huanbiitem .number {
  color: rgba(91, 246, 251, 0.8);
  font-size: 1.8em;
  margin-bottom: 5px;
}
.main .huanbiitem .bt {
  color: rgba(209, 233, 237, 0.5);
}
.main .huanbiitem .qushiTop {
  color: rgba(91, 246, 251, 0.8);
  font-size: 1.2em;
}
.main .huanbiitem .qushiTop .down {
  margin-left: 13px;
  margin-right: 13px;
  border-top: 1px solid rgba(191, 244, 246, 0.22);
  font-size: 0.8em;
}
.main .huanbiitem .qushiTop P {
  margin-bottom: 0px !important;
}
.main .pieCard :global(.pie-stat) {
  font-size: 24px !important;
}
.main .bold {
  font-weight: 600!important;
  color: #fff0f0 !important;
}
